<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title></title>
    <link rel="stylesheet" type="text/css" href="./css/aui.2.0.css" />
    <link rel="stylesheet" type="text/css" href="./css/aui-slide.css" />
    <link rel="stylesheet" type="text/css" href="./css/style.css" />
    <script type="text/javascript" src="js/jq.js"></script>
</head>
<body>
	<header>
    	<div class="row aui-font-center">
            <div class="aui-col-xs-4">
                <img class="menu" height="20" src="images/menu.png">
            </div>
            <div class="aui-col-xs-4">
                <img height="20" src="images/logo.png">
            </div>
            <div class="aui-col-xs-4 aui-text-right right">
                <img onclick="window.location='search.html';" height="20" src="images/header-search.png">
                <img onclick="window.location='cart.html';" height="20" src="images/header-cart.png">
                <a href="login.html">
                	<img height="20" src="images/header-user.png">
                </a>
            </div>
            <div class="aui-clearfix"></div>
        </div>
        <div class="menu_list">
        	<div class="list">
                <div class="aui-text-center name"><a href="">HOME</a></div>
                <div class="aui-text-center name"><a href="shop.html">SHOP</a></div>
                <div class="aui-text-center name"><a href="">ABOUT</a></div>
                <div class="aui-text-center name"><a href="news.html">NEWS</a></div>
                <div class="aui-text-center name"><a href="">SERVICE</a></div>
                <div class="aui-text-center img"><a href=""><img height="20" src="images/menu-logo.png"></a></div>
            </div>
        </div>
    </header>
    <div id="aui-slide">
        <div class="aui-slide-wrap" id="focus_list">
        	<div class="aui-slide-node bg-dark" onclick="window.location='shop_detail.html';">
	        	<img src="images/banner.png" />
	        </div>
            <div class="aui-slide-node bg-dark">
	        	<img src="images/banner.png" />
	        </div>
            <div class="aui-slide-node bg-dark">
	        	<img src="images/banner.png" />
	        </div>
        </div>
        <div class="aui-slide-page-wrap"><!--分页容器--></div>
    </div>
    <div class="nav">
    	<div class="aui-col-xs-4 aui-font-center">
        	<div class="img"><img height="40" src="images/index-icon01.png"></div>
            <div class="name">FREIGHT</div>
        </div>
        <div class="aui-col-xs-4 aui-font-center">
        	<div class="img"><img height="40" src="images/index-icon02.png"></div>
            <div class="name">PAYMENT</div>
        </div>
        <div class="aui-col-xs-4 aui-font-center">
        	<div class="img"><img height="40" src="images/index-icon03.png"></div>
            <div class="name">QUALITY</div>
        </div>
        <div class="aui-clearfix"></div>
    </div>
    <div class="index_product">
    	<div class="row">
        	<div class="img">
            	<img src="images/index-product.png">                
            </div>
            <div class="video">&nbsp;</div>
            <div class="desc desc01">
            	<div class="title">现已发售！pro.40</div>
                <div class="resume">Dramatic, vivid audio with deep bass and vast, symphonic resonance; studio-quality sound for all music genres</div>
                <div class="more"><a href="">LEARN MORE</a></div>
            </div>
        </div>
        <div class="row">
        	<div class="img">
            	<img src="images/index-product01.png">                
            </div>
            <div class="video">&nbsp;</div>
            <div class="desc desc02">
            	<div class="title">pro.30</div>
                <div class="resume">Built to consistently produce a superior audio experience at every volume, PRO30..</div>
                <div class="more"><a href="">LEARN MORE</a></div>
            </div>
        </div>
        <div class="row other">
        	<div class="img">
            	<img src="images/index-product02.png">                
            </div>
            <div class="desc desc03">
            	<div class="aui-col-xs-6 aui-text-center">
                	<div class="cont">
                    	<div class="icon"><img width="40%" src="images/product-img01.png"></div>
                        <div class="name">PRO.30-GOLD</div>
                        <div class="abst">3款颜色</div>
                    </div>
                </div>
                <div class="aui-col-xs-6 aui-text-center">
                	<div class="cont">
                    	<div class="icon"><img width="40%" src="images/product-img02.png"></div>
                        <div class="name">PRO.30-GOLD</div>
                        <div class="abst">3款颜色</div>
                    </div>
                </div>
                <div class="aui-clearfix"></div>
            </div>
            <div class="desc_other">
            	<div class="title">现已发售！pro.40</div>
                <div class="resume">Dramatic, vivid audio with deep bass and vast, symphonic resonance; studio-quality sound for all music genres</div>
                <div class="more"><a href="">LEARN MORE</a></div>
            </div>
        </div>
        <div class="row">
        	<div class="img">
            	<img src="images/index-product01.png">                
            </div>
            <div class="video">&nbsp;</div>
            <div class="desc desc02">
            	<div class="title">pro.30</div>
                <div class="resume">Built to consistently produce a superior audio experience at every volume, PRO30..</div>
                <div class="more"><a href="">LEARN MORE</a></div>
            </div>
        </div>
        <div class="row">
        	<div class="img">
            	<img src="images/index-product01.png">                
            </div>
            <div class="video">&nbsp;</div>
            <div class="desc desc02">
            	<div class="title">pro.30</div>
                <div class="resume">Built to consistently produce a superior audio experience at every volume, PRO30..</div>
                <div class="more"><a href="">LEARN MORE</a></div>
            </div>
        </div>
    </div>
    <footer>
    	<div class="search"><input type="text" placeholder="Get Newsletter (email address)"></div>
        <div class="row aui-text-center">
        	<a class="cur" href="">HOME</a>
            <a href="">ABOUT</a>
            <a href="">CONTACT</a>      
            <a href="">PRIVACY</a>    
            <a href="">POLICY</a>
        </div>
        <div class="share aui-text-center"><img height="20" src="images/share.png"></div>
        <div class="copyright"> Copyright © 2016 Massaro, Inc. All Rights Reserved. MUNITIO.</div>
    </footer>
</body>
<script src="js/aui-slide.js"></script>
<script type="text/javascript">
	var slide = new auiSlide({
		container:document.getElementById("aui-slide"),
		// "width":300,
		"height":250,
		"speed":300,
		"autoPlay": 3000,
		"pageShow":true,
		"pageStyle":'dot',
		"loop":true,
		'dotPosition':'center'
	});
	$('.menu').click(function(){
		var Height = $(document).height(); 
		$("body").on("touchmove",function(event){
			event.preventDefault;
		}, false);
		$('.menu_list').css('height',Height+'px').toggle();
	});
	$('.menu_list').click(function(){
		$("body").off("touchmove");
		$(this).hide();
	});
</script>
</html>